
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <script src='https://cdn.bootcss.com/echarts/3.2.2/echarts.simple.js'></script>
    <script type="text/javascript" src="http://data-visual.cn/datav/src/js/echarts/extension/echarts-wordcloud.min.js"></script>
</head>

<body>
    <style>
        html,
        body,
        #main {
            width: 100%;
            height: 100%;
            margin: 0;
        }
    </style>
    <div id="main" style="width:1300px;height:620px; ">
    </div>
    <script type="text/javascript ">
        var myChart = echarts.init(document.getElementById('main'));
        var option = {
    "title": [
        {
            "top": "auto",
            "subtextStyle": {
                "color": "#aaa",
                "fontSize": 12
            },
            "text": "",
            "textStyle": {
                "color": "#000",
                "fontSize": 18
            },
            "subtext": "",
            "left": "auto"
        }
    ],
    "legend": [
        {
            "data": []
        }
    ],
    "toolbox": {
        "top": "center",
        "orient": "vertical",
        "left": "right",
        "show": true,
        "feature": {
            "saveAsImage": {
                "show": true
            }
        }
    },
    "tooltip": {},
    "_index_flag": 1530709,
    "backgroundColor": "#fff",
    "series": [
        {
            "shape": "diamond",
            "rotationRange": [
                0,
                0
            ],
            "girdSize": 20,
            "name": "",
            "rotationStep": 45,
            "type": "wordCloud",
            "sizeRange": [
                30,
                100
            ],
            "data": [
                {
                    "name": "Sam S Club",
                    "value": 10000,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(83,109,4)"
                        }
                    }
                },
                {
                    "name": "Macys",
                    "value": 6181,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(33,128,11)"
                        }
                    }
                },
                {
                    "name": "Amy Schumer",
                    "value": 4386,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(115,45,0)"
                        }
                    }
                },
                {
                    "name": "Jurassic World",
                    "value": 4055,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(50,2,23)"
                        }
                    }
                },
                {
                    "name": "Charter Communications",
                    "value": 2467,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(14,76,147)"
                        }
                    }
                },
                {
                    "name": "Chick Fil A",
                    "value": 2244,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(144,45,33)"
                        }
                    }
                },
                {
                    "name": "Planet Fitness",
                    "value": 1898,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(22,79,107)"
                        }
                    }
                },
                {
                    "name": "Pitch Perfect",
                    "value": 1484,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(74,126,22)"
                        }
                    }
                },
                {
                    "name": "Express",
                    "value": 1112,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(36,15,132)"
                        }
                    }
                },
                {
                    "name": "Home",
                    "value": 965,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(83,83,34)"
                        }
                    }
                },
                {
                    "name": "Johnny Depp",
                    "value": 847,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(31,35,70)"
                        }
                    }
                },
                {
                    "name": "Lena Dunham",
                    "value": 582,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(39,154,90)"
                        }
                    }
                },
                {
                    "name": "Lewis Hamilton",
                    "value": 555,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(85,131,104)"
                        }
                    }
                },
                {
                    "name": "KXAN",
                    "value": 550,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(22,126,97)"
                        }
                    }
                },
                {
                    "name": "Mary Ellen Mark",
                    "value": 462,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(51,98,62)"
                        }
                    }
                },
                {
                    "name": "Farrah Abraham",
                    "value": 366,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(56,47,96)"
                        }
                    }
                },
                {
                    "name": "Rita Ora",
                    "value": 360,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(89,19,114)"
                        }
                    }
                },
                {
                    "name": "Serena Williams",
                    "value": 282,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(94,100,146)"
                        }
                    }
                },
                {
                    "name": "NCAA baseball tournament",
                    "value": 273,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(44,93,136)"
                        }
                    }
                },
                {
                    "name": "Point Break",
                    "value": 265,
                    "textStyle": {
                        "normal": {
                            "color": "rgb(107,21,123)"
                        }
                    }
                }
            ]
        }
    ]
};
        myChart.setOption(option);
    </script>
</body>

</html>